<template>

    <div class="sub-div-center sendusmessage">
        <div class="sub-div-center context">

            <div class="sub-div-center">
                <div class="itemtitle">About</div>
                <div class="log"></div>
                <P>INTEGRITY FIRST, BEST QUALITY,</P>
                <P>PROFESSIONAL SERVICE Heavy Truck </P>
                <P>and Construction Machinery </P>
                <P>Accessories Premier Supplier</P>
            </div>

            <div class="sub-div-center">
                <div class="itemtitle">Produce</div>
                <div style="width:100%;" class="sub-div-center">
                    <div style="width: 50%;">
                        <P>Cabin Parts</P>
                        <P>Engin Parts</P>
                        <P>Transmisson Parts</P>
                        <P>Axel Parts</P>
                        <P>Chassis Parts</P>
                        <P>Light Truck Parts</P>
                        <P>Semi-trailer Parts</P>
                    </div>
                    <div style="width: 50%;">
                        <P>Used Truck</P>
                        <P>Tractor Truck</P>
                        <P>Dump Truck</P>
                        <P>Special Truck</P>
                        <P>Tanker Truck</P>
                        <P>Light Truck</P>
                        <P>Semi Trailer</P>
                    </div>
                </div>
            </div>

            <div class="sub-div-center" >
                <div class="itemtitle">Send US Message</div>
                <el-input type="text" placeholder="Mr.Smith" />
                <el-input type="text" placeholder="Company" />
                <el-input type="text" placeholder="Email" />
                <el-input type="text" placeholder="Phone" />
                <el-input type="textarea" placeholder="textarea"></el-input>
                <el-button type="button" >CONTACT US</el-button>
            </div>
        </div>
    </div>
</template>
<script setup>
import mytitle from '@/views/component/MyTitle.vue'
</script>
<style scoped>
.sendusmessage {
    background-color: var(--color-2);
    flex-direction: column;
}
.context{
    width: var(--content-width);
    justify-content: space-around;
    align-items:baseline;
}
.context > div{
    flex-direction: column;
    width: 30%;
}
.el-input {
    margin-bottom: 1rem;
}
p{
    margin-bottom: 1rem;
}
.el-button{
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.itemtitle{
    margin: 1rem;
    color: #000;
    font-size: 1.5rem;
    font-size: 600;
}
.log{
    background-color:red;
    height: 5rem;
    width: 100%;
    margin-bottom: 1rem;
}
</style>